<template>
  <div class="tech-forum">
    <!-- 顶部导航栏 -->
    <NavBar />

    <!-- 主要内容区 -->
    <main class="forum-main">
      <div class="main-container">
        <!-- 热门问题内容将在这里显示 -->
      </div>
    </main>
  </div>
</template>

<script>
import NavBar from '@/components/NavBar.vue';

export default {
  components: {
    NavBar
  }
}
</script>

<style scoped>
/* 保持与layout.vue一致的样式 */
.tech-forum {
  font-family: 'Segoe UI', Arial, sans-serif;
  color: #333;
  background-color: #f8f9fa;
  min-height: 100vh;
}

.forum-main {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 20px;
}

.main-container {
  display: flex;
}
</style>